<template>
  <div>
      <div>
          <img :src="Article.imgSrc" alt="">
          <p class="content">{{Article.detail}}</p>
      </div>
  </div>
</template>

<script>
export default {
    data() {
        return {
            Article:[]
        }
    },
    mounted() {
        console.log(this.$route.params);
        var {id}=this.$route.params;
        this.id=id;
        this.$http.get(`http://47.108.197.28:4000/api/articleDetail?id=${id}`).then((res)=>{
            console.log(res);
            this.Article=res.data.res[0]
        })
    },
}
</script>

<style scoped>
.content{
    letter-spacing: 5px;
    text-indent: 50px;
    margin: auto 10px;
}
img{
    width: 100%;
    margin-bottom: 20px;    
}
</style>